[class|=linear] {
    width: 600px;
    height: 400px;
    margin: 20px auto;
    font-size: 2rem;
    color: #fff;
    border: 1px solid rgb(159, 156, 156);
}

.linear-1 {
    background-image: linear-gradient(rgb(252, 122, 144),blue,rgb(93, 244, 93),yellow);
    background-image: -webkit-linear-gradient(rgb(252, 122, 144),blue,rgb(93, 244, 93),yellow);
    background-image: -ms-linear-gradient(rgb(252, 122, 144), blue,rgb(93, 244, 93), yellow);
    background-image: -o-linear-gradient(rgb(252, 122, 144), blue,rgb(93, 244, 93) yellow);
    background-image: -moz-linear-gradient(rgb(252, 122, 144), blue,rgb(93, 244, 93), yellow);
}